<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>超厉害的音乐播放器</title>
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>


<header>
  <span>超厉害</span>
  <input id="wd" type="text" placeholder="请输入歌手或者歌曲名">
  <button>搜索</button>
</header>
<main>
  <div class="empty">
    暂无数据
  </div>
  <!--<section>
    <span>海阔天空</span>
    <span>Beyond</span>
    <button>▶️</button>
  </section>-->
</main>
<audio id="mp3" src=""></audio>
<div class="loading">
  <span>
    <svg t="1617177596605" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2117" width="100" height="100"><path d="M523.39815 1023.534769a511.75366 511.75366 0 1 1 396.376471-837.41508 519.662581 519.662581 0 0 1 46.52306 67.458437 46.52306 46.52306 0 1 1-80.484894 46.52306A418.70754 418.70754 0 1 0 197.736729 776.497321a418.70754 418.70754 0 0 0 576.420714 70.24982 46.52306 46.52306 0 1 1 55.827672 74.436896A511.75366 511.75366 0 0 1 523.39815 1023.534769z" fill="#0B70DD" p-id="2118"></path><path d="M772.761752 290.331343l201.444849-164.691632a23.26153 23.26153 0 0 1 37.683679 20.470146l-18.609224 182.835626a23.26153 23.26153 0 0 1-25.587683 20.935377l-182.835626-18.609224a23.26153 23.26153 0 0 1-12.095995-40.940293z" fill="#3395FF" p-id="2119"></path></svg>
  </span>
</div>




<script src="./js/index.js"></script>
</body>
</html>